<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<meta name="viewport"	content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link href="${pageContext.request.contextPath}/bettery/css/itao.css"	rel="stylesheet" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/jquery.js?v=1"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/jquery.validate.min.js?v=1"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/bettery_common.js"></script>
		<script type="text/javascript">
		$(function(){
			validator = $("#searchForm").validate({});
		});
		</script>
    </head>
<body onload="hideLoading()">
<div class='search_bar' >
	<span class='new-btn right' onclick='submitdingdan()'> <a  >保存返回</a></span>
	</div>
<form id='searchForm' action="main.do"  method="post">
<s:hidden name="wxid" />
<input type="hidden" name="lat" value="${model.lat}" />
<input type="hidden" name="lng" value="${model.lng}" />

<div class="col-lg-12 m-t">
	<div id="successPage" class="inner" style="position: relative;" align="center">
		<div  style='color:red;font-size:24px'>
			恭喜您，预约成功！
		</div>
		<div>
			您的订单号为：<b style="font-size: 18px;color:red;">${model.dingDanUid}</b>
		</div> 
		
		<div class='panel m-t' style='background:#E4E4E4'>
				<div   style='color:green;height:30px;text-indent:14px;10px 18px 0;line-height:24px;text-align:left'>订单提醒</div>
				<img src='${pageContext.request.contextPath}/bettery/icons/connect.png' width='100%'/>
				<div class="panel-body"   align="left">
					<ol>
						
						<div class='col-lg-12 m-t'>
		<div class="panel">
			<div class="panel-body" >
				<table>
					<tr>
						<td>
							<img id='dianchiImge1' src="${pageContext.request.contextPath}/dewei/img/tianneng.jpg" width="60px" height="60px">
						</td>
						<td>
							<div
								style="height: 20px; font-size: 13px; ">
								换购品牌：<span id="showPinpai1">${model.pinPai}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px;">
								换购型号：<span id="showXinghao1">${model.xingHao}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px; ">
								换购价格：
								<font id='showPrice1' color="red">${model.price}</font>元
							</div>
						</td>
					</tr>
				</table>
				<hr/>
				<s:if test='"附近门店更换"==model.changeType'>
				<div class="mendianDiv" style="display: block;">
				<table  style="margin-left: 5px">
					<tr>
						<td>
							更换方式：
							<span id="showGenghuanType1"><font  color="red">门店更换</font></span>
						</td>
					</tr>
					<tr>
						<td>
							门店名称：<span id="showName1">${model.mendianName}</span>
						</td>
					</tr>
					<tr>
						<td>
							门店地址：<span id="showAddr1">${model.mendianAddr}</span>
						</td>
					</tr>
					<tr>
						<td>
							联系人：<span id="showLxr1">${model.mendianLxr}</span>
						</td>
					</tr>
					<tr>
						<td>
							联系电话：<span id="showLxTel1">${model.menDianTel}</span>
						</td>
					</tr>
					
				</table>
				<hr />
				<span style="; font-size: 13px"><font color="red" >*</font>当您去门店时，请到【用户中心】-【我的订单】查看您的订单</span>
				</div>
				</s:if>
				<s:elseif test='"附近无网点"==model.changeType'>
				<table  style="margin-left: 5px">
					<tr>
						<td>
							更换方式：
							<font  color="red">附近无网点</font>
						</td>
					</tr>
					<tr>
						<td>
							您的姓名：<span id="showName3">${model.kehuName}</span>
						</td>
					</tr>
					<tr>
						<td>
							您的地址：<span id="showAddr3">${model.address}</span>
						</td>
					</tr>
					<tr>
						<td>
							联系电话：<span id="showLxTel3">${model.lxTel}</span>
						</td>
					</tr>
					
				</table>
				<hr />
				<span style=" font-size: 13px"><font color="red" style="font-size: 14px">*</font>提交订单后，请等待客服人员联系您。</span>
				</s:elseif>
				<s:elseif test='"人工上门更换"==model.changeType'>
				<table style="margin-left: 5px">
					<tr>
						<td>
							客户姓名：<span id="showKehuName2">${model.kehuName}</span>
						</td>
					</tr>
					<tr>
						<td>
							联系电话：<span id="showLxTel2">${model.lxTel}</span>
						</td>
					</tr>
					<tr>
						<td style="position: relative;">
							联系地址：<span id="showAddr2">${model.address}</span>
						</td>
					</tr>
					<tr>
						<td>
							更换方式：
							<font color="red">上门更换</font>
						</td>
					</tr>
					<tr>
						<td>
							上门时间：<span id="showTime2">${model.time}</span>
						</td>
					</tr>
				</table>
				<hr />
				<span style="font-size: 13px">
				<font color="red" style="font-size: 13px">*</font>确认信息无误，点击“确定”提交。
				<br/>
				<font color="red" style="font-size: 13px">*</font>上门服务更换需加${model.serverPrice}元上门服务费。
				</span>
				</s:elseif>
			</div>
		</div>
	</div>
 
						
					</ol>
				</div>
			</div>

		<div  style="text-align:left;font-size: 13px;">
		
		</div>
	</div>
</div>
 
</form>
	</body>
</html>